<include file="common:header" />
	<style>
		.m{ width: 100%;position:relative;}
		.m video{width:100%;}
	</style>

	<div class="m">
		  <!-- <video id="my-video" class="video-js" name="video"  preload="auto" poster=""
		   data-setup="{}" playsinline  webkit-playsinline="true" x-webkit-airplay="true" x-webkit-playsinline>
				<source src="/upload/{$info['video_final']}" type="video/mp4">
		  </video> -->
		  <video id="test_video" src="/upload/{$info['video_final']}" class="video-js" name="video" x5-video-player-type="h5" x5-vide
o-player-fullscreen="true" x5-video-orientation="landscape" controls="true" loop="true" autoplay></video>
		  <!-- <button id="player" class="pause">播放</button> -->
		  <!-- <img id="player" class="pause" src="__PRIVATE__/images/video_start.png" check="0"/> -->
		  <!-- <div>【系统检测到您尚未付款，该视频仅能播放2秒】</div> -->
		 <!--  <div class="weui-btn-area">
			    <a href="{:U(MODULE_NAME.'/index/pre_purchase')}" class="weui-btn weui-btn_primary register">我要预约</a>
		  </div> -->

	</div>

</body>
</html>
<script type="text/javascript">
	window.onresize = function(){
		var test_video 			= $('#test_video');
		test_video.style.width  = window.innerWidth + "px";
		test_video.style.height = window.innerHeight + "px";
	}
	//微信配置数据
	function wxconfig(obj){
		wx.config({
		    debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
		    appId: obj.appId, // 必填，公众号的唯一标识
		    timestamp:obj.timeStamp , // 必填，生成签名的时间戳
		    nonceStr: obj.nonceStr, // 必填，生成签名的随机串
		    signature: obj.signature,// 必填，签名，见附录1
		    jsApiList: ['onMenuShareAppMessage','onMenuShareTimeline'] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
		});
	}

	//微信分享給朋友
	function wxonMenuShareForReadyApi(obj){
		wx.ready(function(){

			//分享给朋友
			wx.onMenuShareAppMessage({
			    title: obj.title, // 分享标题
			    desc: obj.desc, // 分享描述
			    link: obj.url, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
			    imgUrl: obj.headImgUrl, // 分享图标
			    success: function () {
			    	layerCallBackTips('分享成功');
			    },
			    cancel: function () {
			    	layerCallBackTips('取消分享');
			    }
			});

			//分享朋友圈
			wx.onMenuShareTimeline({
				title: '在线观看', // 分享标题
			    link: obj.url, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
			    imgUrl: obj.headImgUrl, // 分享图标
			    success: function () {
			    	layerCallBackTips('分享成功');
			    },
			    cancel: function () {
			    	layerCallBackTips('取消分享');
			    }
			});
		});
	}

	//异步调起,配置微信js-sdk 所使用的接口数据
	$.ajax({
	    url:"{:U(MODULE_NAME.'/'.CONTROLLER_NAME.'/wx_onMenuShareAppMessage')}",
	    type: 'POST',
	    data : {'type':1,'url': encodeURIComponent(window.location.href.split('#')[0])},
	    async: false,
	    dataType: 'json',
	    success:function(data){
	        if (data.status == 1){
	        	wxconfig(data.data);  				  //微信配置数据
	        	wxonMenuShareForReadyApi(data.data);  //微信分享
			}else{
	        	wx.error(function(res){
					alert("请联系客服,错误原因: " + res.errMsg);
				});
			}
		}
	});
</script>
